昨天本來想要一次寫完的,
但寫到第一點時,
靈光突然乍現:
"咦?我不是快沒梗了嗎?
怎麼不把這個主題多分幾次寫呢?"
於是就有了今天這個主題。
大家快點誇獎我很聰明吧!
會提這點出來講是因為我在回顧自己的程式碼時,
發現我會重複設定一樣的東西,
而這些是可以一次解決掉的。
例如說現在所有的連結都是一樣的,
我需要拿掉它們的下底線,
並且預設為紅色,
我只要設定成:
a{
color: red;
text-decoration: none;
}
即可,
不過當初的我以為每個標籤都要設定一個 class才能去設定裡面的 css,
因此每個連結都有一樣的程式碼,
不僅寫的時候麻煩,
當往後想要修改顏色的時候更是痛苦,
請大家不要像我一樣蠢,拜託了。
這一點其實跟上一點很像,
就是我在切版時並沒有仔細觀察設計稿,
導致沒有發現它們有一些左右推擠的值是一樣的,
因此我都是先設好背景為 position: relative;
,
然後裡面的元素是用position: absolute; top: 0; left: 20;
之類的寫法硬釘上去的,
現在回想起來,
還真是佩服自己那時候的耐心啊!